<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>游戏充值_第七大道网页游戏平台_打造绿色快乐的网页游戏</title>
<link rel="stylesheet" type="text/css" href="css/game-pay.css" />
<script type="text/livescript" src="js/jquery-2.1.1.js"></script>
<style>

</style>
</head>

<body>
<div class="imitate-area">
    <div class="imitate-head">
       <div class="imitate-top">
         <a href="#"><img src="images/主页图/index-modal1_r1_c1.png"></a>
	     <a href="#"><img src="images/主页图/index-modal1_r1_c2.png"></a>
       </div>
    </div>
    <div class="imitate-nav">
       <div class="nav">
           <a href="index.html"><span>首页</span></a>
           <a href="web game.html"><span>网页游戏</span></a>
           <a href="mobile phone game.html">手机游戏<span></span></a>
           <a href="integral mall.html"><span>积分商城</span></a>
           <a href="unlogin.html"><span>个人中心</span></a>
           <a href="game pay.html" id="active"><span>游戏充值</span></a>
           <a href="service center.html"><span>客服中心</span></a>
       </div>
    </div>
    <div class="pay-content">
    	<div class="payway-list">
    		<ul>
    			<li class="switch">选择充值方式</li>
    			<li id="bankcard">银行卡支付</li>
    			<li id="alipay">支付宝余额</li>
    			<li id="wechat">微信支付</li>
          <li id="unicom">联通充值卡</li>
    			<li id="morepay">更多支付方式 >></li>
    		</ul>
    	</div><!-- payway-list -->
    	<div class="payway-content">
    		<div class="nowpay">
    			<p>您当前选择的是"<span id="bankcardpay">银行卡充值</span>"的充值方式</p>
    		</div>
    		<div class="table">
    		 <form action="#">
    			<table>
    				<tr>
    					<td class="cleft">充值到哪里:</td>
    					<td>
                          <form action="">
    						<input type="radio" id="forgame" name="paygame" checked="checked"/>
                            <label for="forgame">充值到游戏</label>
    						<input type="radio" id="for7Road" name="paygame" />
                            <label for="for7Road">充值到7road平台账号</label>
                          </form>
    					</td>
    				</tr>
    				<tr>
    				    <td class="cleft">请选择游戏:</td>
    					<td>
    						<input type="text" class="slec" id="selectGame">
    						<span class="selectGame"><a class="slec">请选择游戏</a></span>
                            <div id="webgame">
                                <div class="webgametitle">
                                  <span>网页游戏</span>
                                  <span class="closeWebGame">x</span>
                                </div>
                                <div class="webgamecontent">
                                   <ul>
                                       <li><a href="javascript:void(0);">神曲2</a></li>
                                       <li><a href="javascript:void(0);">弹弹堂</a></li>
                                       <li><a href="javascript:void(0);">剑影</a></li>
                                       <li><a href="javascript:void(0);">王者召唤</a></li>
                                       <li><a href="javascript:void(0);">新弹弹堂</a></li>
                                       <li><a href="javascript:void(0);">梦幻天龙</a></li>
                                       <li><a href="javascript:void(0);">神曲4</a></li>
                                       <li><a href="javascript:void(0);">琅琊榜</a></li>
                                   </ul>
                                </div>
                            </div>
    					</td>
    				</tr>
    				<tr>
    					<td class="cleft">请选择服务器:</td>
    					<td>
    						<input type="text" id="selectServiceText" class="slec1">
    						<span class="selectService" id="selectService"><a class="slec1">请选择服务区</a></span>
                            <div id="webgame1">
                               <div class="gameser">
                                  <div class="webgametitle1">
                                    <span>第七大道</span><p>畅玩 37ww</p>
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                    <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚1</a></li>
                                       <li><a href="javascript:void(0);">祖安</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯</a></li>
                                    </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                      <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚2</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯2</a></li>
                                      </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                      <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚3</a></li>
                                       <li><a href="javascript:void(0);">祖安3</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                    <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚4</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                      <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚5</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                      <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚6</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>
                               <div class="gameser">
                                  <div class="webgametitle1">
                                    <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                      <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚7</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>   
                               <div class="gameser">
                                  <div class="webgametitle1">
                                     <span>第七大道</span>畅玩 37ww
                                    <span class="closeWebGame1">x</span>
                                  </div>
                                  <div class="webgamecontent1">
                                    <ul>
                                       <li><a href="javascript:void(0);">艾欧里亚8</a></li>
                                       <li><a href="javascript:void(0);">祖安2</a></li>
                                       <li><a href="javascript:void(0);">洛克萨斯3</a></li>
                                      </ul>
                                  </div>
                               </div>   

                            </div>
    					</td>
    				</tr>
    				<tr>
    					<td class="cleft">您需要充值的账号:</td>
    					<td><input type="text" id="gameId"><span id="msg"></span></td>
              <td class="tipss"></td>
    				</tr>
    				<tr>
    					<td class="cleft">确认你充值的账号:</td>
    					<td><input type="text" id="gameIdto"></td>
    				</tr>
            <script>
            //验证账号是否存在
              $(function(){
                 $('#gameId').blur(function(){
                   var url = 'checkUserName.php?uname='+$(this).value();
                 if (username == "") {
                     $('#msg').html('<font color="red">账户不存在!</font>');
                 }else{
                    $('#msg').html('');
                 }
                 })
              })
            </script>
    				<tr>
    					<td class="cleft">请选择角色:</td>
    					<td><select name="selectrole" id="selectRole">
    						    <option value="">--请选择角色--</option>
    						    <option value="wd" id="option1">无敌角色</option>
    					   </select></td>
    				</tr>
    				<tr>
    					<td class="cleft">充值金额:</td>
    					<td id="payhowmoney">
    						<input type="radio" id="for1" name="moneySelect">
    						<label for="for1">10元</label>
    						<input type="radio" id="for2" name="moneySelect">
    						<label for="for2">30元</label>
    						<input type="radio" id="for3" name="moneySelect">
    						<label for="for3">50元</label>
    						<input type="radio" id="for4" name="moneySelect" checked="true">
    						<label for="for4">100元</label>
    						<input type="radio" id="for5" name="moneySelect">
    						<label for="for5">200元</label>
    						<input type="radio" id="for6" name="moneySelect">
    						<label for="for6">300元</label>
    						<input type="radio" id="for7" name="moneySelect">
    						<label for="for7">500元</label>
    						<input type="radio" id="for8" name="moneySelect">
    						<label for="for8">1000元</label>
    						<input type="radio" id="for9" name="moneySelect">
    						<label for="for9">5000元</label><br/>

                   
    					</td>

    				</tr>
            <tr>
              <td colspan="2" class="duihuan">
              <input type="radio" id="for10" name="moneySelect">
                   <label for="for10">其他</label>
                   <input type="text" id="manual-input">
                   <label for="manual-input">请输入(5-50000)</label>
              <h3 id="getYb">您将获得:<span id="howMoney">1000</span>元宝
                            <span class="bili">兑换比例: 1:10</span></h3>
               </td>
            </tr>
    			</table>
       
    			  <div id="selectBank">
    			  	 <table>
    			  	  	<tr>
    			  	  		<td><input type="radio" id="bank1" name="bankSelect" checked="checked"><label for="bank1">中国工商银行</label></td>
    			  	  		<td><input type="radio" id="bank2" name="bankSelect"><label for="bank2">中国建设银行</label></td>
    			  	  		<td><input type="radio" id="bank3" name="bankSelect"><label for="bank3">中国农业银行</label></td>
    			  	  	</tr>
    			  	  	<tr>
    			  	  		<td><input type="radio" id="bank4" name="bankSelect"><label for="bank4">招商银行</label></td>
    			  	  		<td><input type="radio" id="bank5" name="bankSelect"><label for="bank5">中国银行</label></td>
    			  	  		<td><input type="radio" id="bank6" name="bankSelect"><label for="bank6">交通银行</label></td>
    			  	  	</tr>
    			  	</table>
    			  </div>
                  <button class="btn">确认充值</button>
    			</form>
    		</div>
    		<div class="tip">
    			  <span class="wtip">温馨提示:</span>
    			  <span id='yhcard'>银行卡说明:</span>
    			  <p id="yhcard1">1、您必须开通了网上银行业务；</p>
    			  <p id="yhcard2">2、网上银行开通办法请咨询当地所属银行；</p>
    		<p id="yhcard3">3、请您关闭所有屏蔽弹出窗口之类的功能，否则在线支付将无法继续,比如:上网助手、google toolbar、baidu等；</p>
                  <p id="yhcard4">4、如果您用信用卡支付，请确认该信用卡的网上交易限额大于等于您的充值金额；</p>
                  <p id="yhcard5">5、请充值时务必确认好您的充值金额准确无误后再进行充值，避免输错金额导致的失误，如因未仔细确认金额造成的充值问题，我们将一律不予处理此类退款申诉。</p>
    		</div>
    	</div><!-- payway-content -->
        <div class="customer-service">
        	 <div class="customer">
              <h2 style="display:inline-block"><img src="images/customer.jpg"><span>客服中心</span></h2>
              <div class="online-customer"></div>
              <ul>
                <li>客服电话:<span>0755-36907777</span></li>
                <li><a href="">客服QQ: <span>(24)小时在线客服</span></a></li>
                <li><a href="">客服邮箱:<span>123456@.com</span></a></li>
              </ul>
           </div>
            
            <div class="program">
              <h2 style="display:inline-block"><img src="images/prop.jpg"><span>常见问题解答</span></h2>
              <ul>
                <li><a href=""><span>充值后发现元宝没有到账?</span></a></li>
                <li><a href=""><span>游戏平台充值教程</span></a></li>
                <li><a href=""><span>充值帮助</span></a></li>
              </ul>
           </div>
        </div>
    </div><!-- pay-content -->
    <div class="foot">   
      <div class="footer">
      <a  title="抵制不良游戏" class="links_a">抵制不良游戏</a> <td style="color:#CCC;"> | </td> 
      <a  title="拒绝盗版游戏" class="links_a">拒绝盗版游戏</a> <td> | </td> 
      <a  title="注意自我保护" class="links_a">注意自我保护</a> <td> | </td> 
      <a  title="谨防受骗上当" class="links_a">谨防受骗上当</a> <td> | </td>
      <a  title="适度游戏益脑" class="links_a">适度游戏益脑</a> <td> | </td> 
      <a  title="沉迷游戏伤身">沉迷游戏伤身</a> <td> | </td>  
      <a  title="合理安排时间">合理安排时间</a> <td> | </td>  
      <a  title="享受健康生活">享受健康生活</a>
      </div>
      
      <div class="footer_nav">
       <a href="#" title="关于七道" class="links_a">关于七道</a> - 
       <a href="#"  title="联系我们" class="links_a">联系我们</a> -
       <a href="#"  title="公司招聘" class="links_a">公司招聘</a> - 
       <a href="#"  title="客户服务" class="links_a">客户服务</a> -
       <a  href="#" title="商务合作" class="links_a">商务合作</a>  
      </div>
      <div class="footer_nav">深圳第七大道科技有限公司<a href="http://www.7road.com">（ www.7road.com ）</a></div>
      <div class="footer_nav1">粤ICP备08006865号-1　《网络文化经营许可证》粤网文[2013]0214-064号</div>
      <div id="masonz">此网站由Mason舟根据第七大道仿编,并保证不做任何商业用途!</div>
   </div> 
</div>
</div>
 <script src="js/game-pay.js"></script>
</body>
</html>


